<div id="standardWidget">
	<figure class="easyimage">
		<img src="../image2/_assets/foo.png" alt="fig1">
		<figcaption>Standard Easy Image widget</figcaption>
	</figure>
</div>

<div id="changedClass">
	<figure class="customClass" id="customSideId">
		<img src="../image2/_assets/foo.png" alt="fig1">
		<figcaption>Changed class</figcaption>
	</figure>

	<figure>
		<img src="../image2/_assets/foo.png" alt="fig2">
		<figcaption>Figure without class</figcaption>
	</figure>
</div>

<div id="expectedCustomAlignLeftClass">
	<figure class="customClass easyimage-align-left" id="customSideId">
		<img alt="fig1" src="../image2/_assets/foo.png" />
		<figcaption>Changed class</figcaption>
	</figure>

	<figure>
		<img src="../image2/_assets/foo.png" alt="fig2">
		<figcaption>Figure without class</figcaption>
	</figure>
</div>

<div id="expectedCustomAlignCenterClass">
	<figure class="customClass easyimage-align-center" id="customSideId">
		<img alt="fig1" src="../image2/_assets/foo.png" />
		<figcaption>Changed class</figcaption>
	</figure>

	<figure>
		<img src="../image2/_assets/foo.png" alt="fig2">
		<figcaption>Figure without class</figcaption>
	</figure>
</div>

<div id="expectedCustomAlignRightClass">
	<figure class="customClass easyimage-align-right" id="customSideId">
		<img alt="fig1" src="../image2/_assets/foo.png" />
		<figcaption>Changed class</figcaption>
	</figure>

	<figure>
		<img src="../image2/_assets/foo.png" alt="fig2">
		<figcaption>Figure without class</figcaption>
	</figure>
</div>
